UC知道js如何更改<a href>的class名
来源：百度知道 编辑：UC知道 时间：2024/09/20 17:50:58
我要更改一个class名字来达到替换style样式
但是我下面的代码只能替换td 的classname
我希望能替换a href中的 要怎样修改 谢谢
要改变class名字 然后其他的改回去 达到改点击变色与众不同
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.a1 { color:red }
.a2 { color:yellow }
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function ChangeCSS(){
var td = event.srcElement;
var objtb = td.parentElement;
var lenobjtb = objtb.childNodes.length;
for(i=0;i<lenobjtb;i++){
objtb.childNodes[i].className = "a1";
}
td.className = "a2";
}
//-->
</SCRIPT>
</HEAD>
<BODY>
但是我下面的代码只能替换td 的classname
我希望能替换a href中的 要怎样修改 谢谢
要改变class名字 然后其他的改回去 达到改点击变色与众不同
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.a1 { color:red }
.a2 { color:yellow }
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function ChangeCSS(){
var td = event.srcElement;
var objtb = td.parentElement;
var lenobjtb = objtb.childNodes.length;
for(i=0;i<lenobjtb;i++){
objtb.childNodes[i].className = "a1";
}
td.className = "a2";
}
//-->
</SCRIPT>
</HEAD>
<BODY>
把a元素获取到，直接添加class属性就可以了，代码如下：
<a href="#" id='a' clas="a"></a>
<script>
var oA = document.getElementById('a');
oA.class = 'heikuai';
</sciprt>
用浏览器打开，'审查元素'：再看这个a元素时，a的class 属性值就变了。
我不会
会就帮你了。。。
<html>
<head>
<script>
function modClass(id){
document.getElementById(id).className = "a2"
}
</script>
<style>
a.a2 { font-size: 20px; }
</style>
</head>
<body>
<a id="a1" href="#" onclick="modClass('a1')">1111</a>
<a id="a2" href="#">1111</a>
<a id="a3" href="#">1111</a>
</body>
</html>